<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../CSS/css.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1140916_xajdcpknlji.css"/>
    <title>蓝色风格首页</title>
</head>
<body id="body">

<section id="banner">
    <div class="left" flex>
        <img src="../img/bennerleft.png"> <img src="../img/bennerright.png">
    </div>
    <button><span>立即注册</span><a href="iconfont icon-jiantou"></a></button>
</section>

<section id="tubiao" flex>
    <div class="huiyuan">
        <div class="huangse">
            <img src="../img/huangguan.png">
        </div>
        <p>会员专区</p>
    </div>
    
    <div class="jinxuan">
        <div class="hongse">
            <img src="../img/zhu.png">
        </div>
        <p>精选理财</p>
    </div>
    
    <div class="licai">
        <div class="lanse" >
            <img src="../img/licai.png">
        </div>
        <p>理财助手</p>
    </div>
    
    <div class="tuijian">
        <div class="lvse">
            <img src="../img/libao.png">
        </div>
        <p>推荐有礼</p>
    </div>
</section>

<section id="xinren">
    <h1 flex="cross：center">
        <span></span>
        新人专享
    </h1>

    <ul class="liebiao">
        <li class="bao">
            <div class="qi" flex>
                <h1>7<span>.5%</span></h1>
                <div class="wenzi">
                    <span>包图省心宝</span>
                    <p>锁定期90天</p>
                </div>
            </div>

            <div class="huitiao">
                <div class="zitiao"></div>
            </div>
        </li>
        <li class="bao">
            <div class="qi" flex>
                <h1>8<span>.5%</span></h1>
                <div class="wenzi">
                    <span>包图省心宝</span>
                    <p>锁定期90天</p>
                </div>
            </div>

            <div class="huitiao">
                <div class="zitiao"></div>
            </div>
        </li>
        <li class="bao">
            <div class="qi" flex>
                <h1>9<span>.5%</span></h1>
                <div class="wenzi">
                    <span>包图省心宝</span>
                    <p>锁定期90天</p>
                </div>
            </div>

            <div class="huitiao">
                <div class="zitiao"></div>
            </div>
        </li>
    </ul>
</section>

<section id="jingxuan">
    <h1 flex="cross：center">
        <span></span>
        精选理财
    </h1>

    <div class="xian"></div>

    <div class="yi" flex>
        <div class="jijing" flex="main:center cross:center">
            <span>基金</span>
        </div>
        <h1>一日存入  月月取息</h1>
    </div>

    <div flex>
        <div class="qiri">
            <h1>6<span>.18%</span></h1>
            <p>七日年化收益率</p>
        </div>

        <div class="qitou">
            <span>1000元起投  明星基金经理</span>
            <div class="ht">
                <div class="zt"></div>
            </div>
        </div>

        <div class="liji">
            <button>立即投资</button>
            <p>已投资700000万元</p>
        </div>
    </div>

    <div class="xian2"></div>
</section>

<section id="biaoqian" flex="main:justify cross:center">
    <div class="shouye">
        <img src="../img/shouye.png">
        <p>首页</p>
    </div>
    
    <div class="li">
        <img src="../img/qianbao.png">
        <p>理财</p>
    </div>

    <div class="touz">
        <img src="../img/touzi.png">
        <p>投资</p>
    </div>

    <div class="my">
        <img src="../img/my.png">
        <p>我的</p>
    </div>
</section>













</body>
</html>